<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/main.css"/>
	<script type="text/javascript" src="js/clickFunction.js"></script>
</head>
<body>
<div class="wrap">
    <div class="header1 clearFloat">
        <div class="h1-1">
            <a href="">小米商城</a>
            <span>|</span>
            <a href="">MIUI</a>
            <span>|</span>
            <a href="">loT</a>
            <span>|</span>
            <a href="">云服务</a>
            <span>|</span>
            <a href="">天星数科</a>
            <span>|</span>
            <a href="">有品</a>
            <span>|</span>
            <a href="">小爱开放平台</a>
            <span>|</span>
            <a href="">企业团购</a>
            <span>|</span>
            <a href="">资质证照</a>
            <span>|</span>
            <a href="">协议规则</a>
            <span>|</span>
            <a href="">下载app</a>
            <span>|</span>
            <a href="">智能生活</a>
            <span>|</span>
            <a href="">Select Location</a>
        </div>
        <div class="h1-2">
            <div style="float:left;margin-top:6px;margin-right: 5px;"><img src="img/shop.png" alt=""/></div>
            <a href="shopping_cart.html">购物车（0）</a>
        </div>
        <div class="h1-3">
            <a href="">登录</a>
            <span>|</span>
            <a href="">注册</a>
            <span>|</span>
            <a href="">消息通知</a>
        </div>
    </div>
        <div class="header2 clearFloat">
            <div class="h2_1">
                <img src="img/logo-mi2.png" alt="" width="56" height="56"/>
            </div>
            <div class="h2_2">
                <a href="">小米手机</a>
                <a href="">Redmi红米</a>
                <a href="">电视</a>
                <a href="">笔记本</a>
                <a href="">平板</a>
                <a href="">家电</a>
                <a href="">路由器</a>
                <a href="">智能硬件</a>
                <a href="">服务</a>
                <a href="">社区</a>
            </div>
    		
            <div class="h2_3">
                <form class="search_form clearFloat">
                    <input type="text" class="input_text" placeholder="小米11"/>
                    <input type="submit" class="input_sub" value="搜索"/>
                </form>
            </div>
        </div>

    <div class="nav"></div>
    <div class="second clearFloat">
        <div class="second-L">
            <div class="sl-top clearFloat">
                <div>
                    <img src="img/second-L/service.png" alt=""/>
                    <p>保障服务</p>
                </div>
                <div>
                    <img src="img/second-L/firm.png" alt=""/>
                    <p>企业团购</p>
                </div>
                <div>
                    <img src="img/second-L/F.png" alt=""/>
                    <p>F码通道</p>
                </div>
            </div>
            <div class="sl-bottom clearFloat">
                <div>
                    <img src="img/second-L/card.png" alt=""/>
                    <p>米粉卡</p>
                </div>
                <div>
                    <img src="img/second-L/trade.png" alt=""/>
                    <p>以旧换新</p>
                </div>
                <div>
                    <img src="img/second-L/charge.png" alt=""/>
                    <p>话费充值</p>
                </div>
            </div>
        </div>
        <div class="second-R clearFloat">
            <div><img src="img/second-R/Ultra.jpg" alt=""/></div>
            <div><img src="img/second-R/xm%2011.jpg" alt=""/></div>
            <div><img src="img/second-R/earPro.png" alt=""/></div>
        </div>
    </div>
    <div class="third">
        <img src="img/third/K40.webp" alt=""/>
    </div>
    <div class="box-1 clearFloat">
        <span class="b1"><a href="">手机</a></span>
        <span class="b2">
			<a href="phone.html">查看更多&gt;</a>
		</span>
    </div>
    <div class="phone clearFloat">
        <div class="pl">
            <img src="img/Phone/phone-mix.webp" alt=""/>
        </div>
        <div class="pr">
            <div class="pr-top clearFloat">
                <div>
                    <img src="img/Phone/phone-1.webp" alt=""/>
                    <p class="t1">Xiaomi MIX 4</p>
                    <p class="t2">CUP全面屏</p>
                    <p class="t3">4999元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-2.webp" alt=""/>
                    <p class="t1">Note 10 Pro</p>
                    <p class="t2">天玑1100年度旗舰芯</p>
                    <p class="t3">1599元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-3.webp" alt=""/>
                    <p class="t1">Redmi Note 10 5G</p>
                    <p class="t2">5G小金刚|旗舰长续航</p>
                    <p class="t3">1099元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-4.webp" alt=""/>
                    <p class="t1">小米MIX FOLD</p>
                    <p class="t2">折叠大屏|自研芯片</p>
                    <p class="t3">9999元起</p>
                </div>
            </div>
            <div class="pr-bottom clearFloat">
                <div>
                    <img src="img/Phone/phone-5.webp" alt=""/>
                    <p class="t1">小米11 Ultra</p>
                    <p class="t2">1/1.12''GN2｜2K四微曲屏</p>
                    <p class="t3">5499元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-6.webp" alt=""/>
                    <p class="t1">小米11 Pro</p>
                    <p class="t2">1/1.12''GN2｜骁龙888</p>
                    <p class="t3">4499元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-7.webp" alt=""/>
                    <p class="t1">小米11 青春版</p>
                    <p class="t2">小米11 青春版 轻薄</p>
                    <p class="t3">2099元起</p>
                </div>
                <div>
                    <img src="img/Phone/phone-8.webp" alt=""/>
                    <p class="t1">K40 游戏增强版</p>
                    <p class="t2">轻薄电竞设计</p>
                    <p class="t3">1999元起</p>
                </div>
            </div>
        </div>
    </div>
    <div class="box-2 clearFloat">
        <span class="b1"><a href="">家电</a></span>
        <span class="b2"><a href="">查看更多&gt;</a></span>
    </div>
    <div class="home-ele clearFloat">
        <div class="hl">
            <div class="hl-1"><img src="img/ele-home/e1.webp" alt=""/></div>
            <div onclick="clickFun(4)"><img src="img/ele-home/e2.webp" alt=""/></div>
        </div>
        <div class="hr">
            <div class="hr-top">
                <div>
                    <img src="img/ele-home/hot/h1.webp" alt=""/>
                    <p class="t1">小米电视6 65”OLED</p>
                    <p class="t2">小米电视6 65”OLED</p>
                    <p class="t3">7699元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h2.webp" alt=""/>
                    <p class="t1">小米电视6 至尊版 65英寸</p>
                    <p class="t2">画质新境界</p>
                    <p class="t3">7999元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h3.webp" alt=""/>
                    <p class="t1">小米电视 ES55 2022款</p>
                    <p class="t2">多分区，画质轻旗舰</p>
                    <p class="t3">3399元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h4.webp" alt=""/>
                    <p class="t1">米家互联网对开门冰箱 540L</p>
                    <p class="t2">重磅新品福利特惠</p>
                    <p class="t3">2899元</p>
                </div>
            </div>
            <div class="hr-bottom">
                <div>
                    <img src="img/ele-home/hot/h5.webp" alt=""/>
                    <p class="t1">米家超薄电磁炉</p>
                    <p class="t2">纤薄美学，精准猛火</p>
                    <p class="t3">499元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h6.webp" alt=""/>
                    <p class="t1">米家集尘扫拖机器人</p>
                    <p class="t2">自动倒垃圾，45天手不沾尘</p>
                    <p class="t3">2999元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h7.webp" alt=""/>
                    <p class="t1">Redmi全自动波轮洗衣机1A 8kg</p>
                    <p class="t2">一键操作，父母都爱用</p>
                    <p class="t3">799元</p>
                </div>
                <div>
                    <img src="img/ele-home/hot/h8.webp" alt=""/>
                    <p class="t1">米家互联网烟灶套装（天然气）</p>
                    <p class="t2">米家互联网烟灶套装（天然气）</p>
                    <p class="t3">2298元</p>
                </div>
            </div>
        </div>
    </div>
    <div class="four">
        <img src="img/four.webp" alt=""/>
    </div>
    <div class="box-3 clearFloat">
        <span class="b1"><a href="">搭配</a></span>
        <span class="b2"><a href="">查看更多&gt;</a></span>
    </div>
    <div class="match clearFloat">
        <div class="ml">
            <div class="ml-1"><img src="img/match/m1.webp" alt=""/></div>
            <div><img src="img/match/m2.webp" alt=""/></div>
        </div>
        <div class="mr">
            <div class="mr-top">
                <div>
                    <img src="img/match/hot/h1.webp" alt=""/>
                    <p class="t1">小米降噪耳机 Pro  FlipBuds Pro</p>
                    <p class="t2">主动降噪 超长续航</p>
                    <p class="t3">799元</p>
                </div>
                <div>
                    <img src="img/match/hot/h2.webp" alt=""/>
                    <p class="t1">Redmi AirDots 3 Pro</p>
                    <p class="t2">智能降噪 超低延迟</p>
                    <p class="t3">299元</p>
                </div>
                <div>
                    <img src="img/match/hot/h3.webp" alt=""/>
                    <p class="t1">小米手环6 NFC版</p>
                    <p class="t2">全屏实力</p>
                    <p class="t3">259元</p>
                </div>
                <div>
                    <img src="img/match/hot/h4.webp" alt=""/>
                    <p class="t1">Redmi AirDots 2真无线蓝牙耳机</p>
                    <p class="t2">支持蓝牙5.0，自动秒连，拿起就能用</p>
                    <p class="t3">79元</p>
                </div>
            </div>
            <div class="mr-bottom">
                <div>
                    <img src="img/match/hot/h5.webp" alt=""/>
                    <p class="t1">Redmi 手表</p>
                    <p class="t2">35g超轻/1.4"大屏/多功能NFC/7天长续航</p>
                    <p class="t3">269元</p>
                </div>
                <div>
                    <img src="img/match/hot/h6.webp" alt=""/>
                    <p class="t1">小米真无线蓝牙耳机Air 2 Pro</p>
                    <p class="t2">主动降噪/持久续航/无线充</p>
                    <p class="t3">449元</p>
                </div>
                <div>
                    <img src="img/match/hot/h7.webp" alt=""/>
                    <p class="t1">小米手表Color 运动版</p>
                    <p class="t2">超长续航，支持血氧功能</p>
                    <p class="t3">649元</p>
                </div>
                <div>
                    <img src="img/match/hot/h8.webp" alt=""/>
                    <p class="t1">小米真无线蓝牙耳机Air 2s</p>
                    <p class="t2">小米真无线蓝牙耳机Air 2s</p>
                    <p class="t3">369元</p>
                </div>
            </div>
        </div>
    </div>
    <div class="box-4 clearFloat">
        <span class="b1"><a href="">周边</a></span>
        <span class="b2"><a href="">查看更多&gt;</a></span>
    </div>
    <div class="rim clearFloat">
        <div class="rl">
            <div class="rl-1"><img src="img/rim/r1.webp" alt=""/></div>
            <div><img src="img/rim/r2.webp" alt=""/></div>
        </div>
        <div class="rr">
            <div class="rr-top">
                <div>
                    <img src="img/rim/hot/h1.webp" alt=""/>
                    <p class="t1">米家声波电动牙刷T300</p>
                    <p class="t2">31000次/分钟震动，刷的干净</p>
                    <p class="t3">99元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h2.webp" alt=""/>
                    <p class="t1">米家声波电动牙刷T500</p>
                    <p class="t2">刷的干净、智能护齿</p>
                    <p class="t3">169元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h3.webp" alt=""/>
                    <p class="t1">米家声波电动牙刷T700</p>
                    <p class="t2">米家声波电动牙刷T700</p>
                    <p class="t3">369元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h4.webp" alt=""/>
                    <p class="t1">米家电动剃须刀 S700</p>
                    <p class="t2">陶瓷净须，开局之作*</p>
                    <p class="t3">369元</p>
                </div>
            </div>
            <div class="rr-bottom">
                <div>
                    <img src="img/rim/hot/h5.webp" alt=""/>
                    <p class="t1">米家电动剃须刀S100</p>
                    <p class="t2">浮动双刀头  全身水洗</p>
                    <p class="t3">78元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h6.webp" alt=""/>
                    <p class="t1">米家电动剃须刀S500</p>
                    <p class="t2">浮动贴面更干净，减压设计更舒适</p>
                    <p class="t3">199元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h7.webp" alt=""/>
                    <p class="t1">米家电动剃须刀S300</p>
                    <p class="t2">青年“无须”新选择</p>
                    <p class="t3">99元</p>
                </div>
                <div>
                    <img src="img/rim/hot/h8.webp" alt=""/>
                    <p class="t1">日常元素抽纸 青春版 24包/箱</p>
                    <p class="t2">日常元素抽纸 青春版 24包/箱</p>
                    <p class="t3">27.9元</p>
                </div>
            </div>
        </div>
    </div>
    <div class="five">
        <img src="img/five.webp" alt=""/>
    </div>
    <div class="box-5 clearFloat">
        <span class="b1"><a href="">视频</a></span>
        <span class="b2"><a href="">查看更多&gt;</a></span>
    </div>
    <div class="video">
        <div class="v1">
            <img src="img/video/v1.webp" alt=""/>
            <p>2021年春季新品发布会第一场</p>
        </div>
        <div class="v2">
            <img src="img/video/v2.webp" alt=""/>
            <p>Redmi 10X系列发布会</p>
        </div>
        <div class="v3">
            <img src="img/video/v3.webp" alt=""/>
            <p>小米10 青春版 发布会</p>
        </div>
        <div class="v4">
            <img src="img/video/v4.webp" alt=""/>
            <p>小米10 8K手机拍大片</p>
        </div>
    </div>

</div>
</body>
</html>